//loading 效果
@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

:global(.dv-loading) {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  :global(.loading-tip) {
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        /* 设置背景透明色 */
        background-image: -webkit-linear-gradient(left,
                #02bcfe,
                #66ffff 10%,
                #3be6cb 20%,
                #3be6cb 30%,
                #ccccff 40%,
                #00ffff 50%,
                #ccccff 60%,
                #3be6cb 70%,
                #3be6cb 80%,
                #66ffff 90%,
                #02bcfe 100%);
        /* 改变background-size是为了让动画动起来 */
        background-size: 200% 100%;
        /* 按照文字拆分背景 */
        -webkit-background-clip: text;
        /* 将字体设置成透明色 */
        -webkit-text-fill-color: transparent;
        /* 启用动画 */
        animation: masked-animation 4s linear infinite;
    }
}